系統功能

音樂模式
本章介紹「英語」科目，「發音」分類，「自然發音」課程，Audio部份
data\english\speak\topics_speak.csv 內容如下
english,speak,99,naturemind,自然發音串單字,conversation_mp3_test,01-15
english,speak,5,natureone,均一\自然發音,conversation_youtube,all.csv

章節解讀方式如下：
1. 前一章有說過，每一行是一門課，解讀方式為
	[主題課程],[課程大分類],[最多顯示幾門課],[課程名稱],[課程型態],[課程內容]
	所以這一門課程的課程型態是「conversation_mp3」，
	另外此處 audio 有支援 m4a 的模式，那課程型態就要使用「conversation_m4a」，
	課程內容有一種新的型態 [開始-結束]
	當課程是來自某本書所附的CD的話，會有CD音軌的編號，
	這種情況下，最簡單的方式，不用另外準備一個 all.csv, 也不用 01,01,02,02,03,03....15,15的方式，直接用01-15 即可代表此課程章節

底下介紹 Audio 操作的方式。
1. 3種播放模式：
	i. 整篇播放：歌曲會從第一句依序播放到最後一句
	ii. 單句停止：歌曲目前列只會播放一次
	iii. 單句重覆：歌曲目前列會一直重覆播放
2. 底下字幕會自己依歌曲自動捲動，當前的歌詞會用紅字文字顯示
3. 可以自己點選歌詞表中的某列，歌曲會自動捲動至該列
4. 可以捲動 Audio 播放列，下面歌詞表會自動捲動至該列

底下另外一種 Audio 操作的方式 - 多音檔播放。
一般而言是點選「課程章節」，會進入Audio單曲歌詞表。
另一種是點選「課程」，會進入Audio 多曲播放表。
這會包含此課程所有章節的Audio。並會使用隨機播放的方式，播放所有的歌曲。

技術手法

此處使用了 audio 的手法

    audio_sec_top.classList.add("audio_sec_top");
    if (curQuizType.includes("m4a")) {
        audio_filename = base_filename + ".m4a";
    } else {
        audio_filename = base_filename + ".mp3";
    }
    source.setAttribute("type", "audio/wav");
    source.setAttribute("src", audio_filename);
    audio.appendChild(source);
    audio_sec_top.appendChild(audio);
    modalContent.appendChild(audio_sec_top);
    showMessage(true);


    audio.pause();
    audio.currentTime = subtitles[actualRow - 1].start;
    syncDelay(1000);
    audio.play();

語文學習11-約定與計劃

1. 你想去哪裡？我想去看電影
2. 那約在哪裡見面？我們約下午4點在學校門口
3. 你畢業後想要做什麼？我想做軟體工程師